<template>
    <div class="title">
      <div class="back el-icon-arrow-left">返回</div>
      <div class="headline">梦秋无纸化会议信息管理系统</div>
    </div>
</template>

<script>
export default {
  props: {

  },
  components: {

  },
  data () {
    return {

    }
  },
  computed: {

  },
  watch: {

  },
  created () {

  },
  mounted () {

  },
  methods: {

  }
}
</script>

<style scoped lang="less">
.title {
  display: flex;
  float: left;
  width: 100%;
  height: 45px;
  background-color: #409EFF;
  align-items: center;
  justify-content: center;
  position: relative;
  .back {
    position: absolute;
    top: 20px;
    left: 30px;
    color: #fff;
    cursor: pointer;
  }
  .headline {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
  }
}
</style>
